<page-header>
  <!--<ng-template #breadcrumb>-->
  <!--<nz-breadcrumb>-->
  <!--<nz-breadcrumb-item>订单信息</nz-breadcrumb-item>-->
  <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">订单资料</a></nz-breadcrumb-item>&ndash;&gt;-->
  <!--</nz-breadcrumb>-->
  <!--</ng-template>-->
  <ng-template #tab>
    <nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">
      <nz-tab nzTitle="附件信息" (nzSelect)="changeTab(3)"></nz-tab>
      <nz-tab nzTitle="订单信息" (nzSelect)="changeTab(0)"></nz-tab>
      <!-- <nz-tab nzTitle="驾驶证信息" (nzSelect)="changeTab(1)"></nz-tab> -->
      <!-- <nz-tab nzTitle="申请信息" (nzSelect)="changeTab(6)"></nz-tab> -->
      <!-- <nz-tab nzTitle="担保人" (nzSelect)="changeTab(2)"></nz-tab> -->
      <!-- <nz-tab nzTitle="订单日志" (nzSelect)="changeTab(4)"></nz-tab> -->
      <!-- <nz-tab nzTitle="紧急联系人" (nzSelect)="changeTab(5)"></nz-tab> -->

    </nz-tabset>
  </ng-template>
  <ng-template #extraTemplate>
    <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回订单列表</button>
  </ng-template>
</page-header>





<!--<nz-card style="height: 100%" nzTitle="视频信息" *ngIf="tabIndex === 1">-->
<!--</nz-card>-->


<nz-row [nzGutter]="24">
  <nz-col [nzSpan]="24">
    <nz-card>
      <nz-card nzTitle="基本信息 " *ngIf="tabIndex === 0">

        <form nz-form>

          <nz-form-item>
            <nz-form-label nzSpan="3" nzRequired>订单编号</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderNo" name="orderNo">

            </nz-form-control>
          </nz-form-item>
          <nz-form-item>
            <nz-form-label nzSpan="3" nzRequired>产品</nz-form-label>
            <nz-form-control nzSpan="9">
              <!--<nz-select style="" required [(ngModel)]="product.proNo" name="proNo" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of proNos"></nz-option>-->
              <!--</nz-select>-->
              <input nz-input required [(ngModel)]="product.proName" name="proName">
            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>客户姓名</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.cusName" name="cusName">

            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>联系电话</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.cusMobile" name="cusMobile">

            </nz-form-control>

            <!--<nz-form-label nzSpan="3" nzRequired>证件类型</nz-form-label>-->
            <!--<nz-form-control nzSpan="9">-->
            <!--<nz-select required [(ngModel)]="product.cusrIdtype" name="cusrIdtype"  nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="cusrIdtype.text" [nzValue]="cusrIdtype.value" *ngFor="let cusrIdtype of cusrIdtypes"></nz-option>-->
            <!--</nz-select>-->

            <!--</nz-form-control>-->

            <nz-form-label nzSpan="3" nzRequired>证件号码</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.cusIncard" name="cusIncard">

            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>证件有效起始日</nz-form-label>
            <nz-form-control nzSpan="9">
              <nz-date-picker required name="cusIdValidfrom" [(ngModel)]="product.cusIdValidfrom"></nz-date-picker>


            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>证件有效截止日</nz-form-label>
            <nz-form-control nzSpan="9">
              <nz-date-picker required name="cusIdValidto" [(ngModel)]="product.cusIdValidto"></nz-date-picker>



            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>现居住地</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.cusResAddr" name="cusResAddr">

            </nz-form-control>

            <nz-form-label nzSpan="3">性别</nz-form-label>
            <nz-form-control nzSpan="9">
              <nz-select style="" [(ngModel)]="product.cusGender" name="cusGender" nzAllowClear nzShowSearch
                [nzPlaceHolder]="'请选择'">
                <nz-option [nzLabel]="cusGender.text" [nzValue]="cusGender.value" *ngFor="let cusGender of cusGenders">
                </nz-option>
              </nz-select>
            </nz-form-control>

            <!-- <nz-form-label nzSpan="3" >婚姻</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusMaritalStatus" name="cusMaritalStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusMaritalStatus.text" [nzValue]="cusMaritalStatus.value" *ngFor="let cusMaritalStatus of cusMaritalStatuss"></nz-option>
            </nz-select>
          </nz-form-control>

          <nz-form-label nzSpan="3">学历</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusDeu" name="cusDeu" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusDeu.text" [nzValue]="cusDeu.value" *ngFor="let cusDeu of cusDeus"></nz-option>
            </nz-select>
          </nz-form-control> -->

            <nz-form-label nzSpan="3">民族</nz-form-label>
            <nz-form-control nzSpan="9">
              <nz-select style="" [(ngModel)]="product.cusEthnical" name="cusEthnical" nzAllowClear nzShowSearch
                [nzPlaceHolder]="'请选择'">
                <nz-option [nzLabel]="cusEthnical.text" [nzValue]="cusEthnical.value"
                  *ngFor="let cusEthnical of cusEthnicals"></nz-option>
              </nz-select>
            </nz-form-control>


            <!--<nz-form-label nzSpan="2" >年龄</nz-form-label>-->
            <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="product.cusAge" name="cusAge">-->

            <!--</nz-form-control>-->

            <nz-form-label nzSpan="3">出生日期</nz-form-label>
            <nz-form-control nzSpan="9">
              <nz-date-picker name="cusBirthday" [(ngModel)]="product.cusBirthday"></nz-date-picker>



            </nz-form-control>

            <!-- <nz-form-label nzSpan="3" >QQ号码</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input [(ngModel)]="product.cusQqid" name="cusQqid">

          </nz-form-control> -->

            <nz-form-label nzSpan="3">常住地址</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input [(ngModel)]="product.cusRemark" name="cusRemark">

            </nz-form-control>
            <!-- <nz-form-label nzSpan="3" >档案号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input [(ngModel)]="product.danganNo" name="danganNo">

          </nz-form-control> -->
            <nz-form-label nzSpan="3">状态</nz-form-label>
            <nz-form-control nzSpan="9">
              <!--<nz-select style="" [(ngModel)]="product.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>-->
              <!--</nz-select>-->
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderStatus" name="orderStatus">

            </nz-form-control>
            <!-- <nz-form-label nzSpan="3" >是否有子女</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy4" name="orderBy4">
          </nz-form-control> -->





            <!-- <nz-form-label nzSpan="3" >工作单位</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy6" name="orderBy6">
          </nz-form-control>



          <nz-form-label nzSpan="3" >单位地址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy7" name="orderBy7">
          </nz-form-control>

          <nz-form-label nzSpan="3" >月收入</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy8" name="orderBy8">
          </nz-form-control> -->

            <!-- <nz-form-label nzSpan="3" >银行卡号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy9" name="orderBy9">
          </nz-form-control>

          <nz-form-label nzSpan="3" >放款户名</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy11" name="orderBy11">
          </nz-form-control>

          <nz-form-label nzSpan="3" >开户行</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy12" name="orderBy12">
          </nz-form-control>

          <nz-form-label nzSpan="3" >卡号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.orderBy13" name="orderBy13">
          </nz-form-control>

          <nz-form-label nzSpan="3" >登记证</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.bt1" name="bt1">
          </nz-form-control>

          <nz-form-label nzSpan="3" >行驶证</nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.bt2" name="bt2">
          </nz-form-control>

          <nz-form-label nzSpan="3" >	二手车发票 </nz-form-label>
          <nz-form-control nzSpan="9">
            <input   nz-input required [(ngModel)]="product.bt3" name="bt3">
          </nz-form-control> -->
            <nz-form-label nzSpan="3"> gps安装时间 </nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly='readonly' nz-input required [(ngModel)]="product.gpsInsData" name="gpsInsData">
            </nz-form-control>
            <nz-form-label nzSpan="3"> gps编号</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderBy38" name="orderBy38">
            </nz-form-control>
            <nz-form-label nzSpan="3"> 信号是否正常 </nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderBy39" name="orderBy39">
            </nz-form-control>
            <nz-form-label nzSpan="3"> 车辆停放位置 </nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.orderBy40" name="orderBy40">
            </nz-form-control>
            <!-- <nz-form-label nzSpan="3" >	新车牌 </nz-form-label>
          <nz-form-control nzSpan="9">
            <input    nz-input required [(ngModel)]="product.orderBy38" name="orderBy38">
          </nz-form-control> -->

            <nz-form-label nzSpan="3">应收定金</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderBy41" name="orderBy41">
            </nz-form-control>

            <nz-form-label nzSpan="3">已收定金</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderBy42" name="orderBy42">
            </nz-form-control>

            <nz-form-label nzSpan="3">支付方式</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderBy43" name="orderBy43">
            </nz-form-control>

            <nz-form-label nzSpan="3">支付备注</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderBy44" name="orderBy44">
            </nz-form-control>


            <nz-form-label nzSpan="3">车辆到货日期</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderBy45" name="orderBy45">
            </nz-form-control>

            <nz-form-label nzSpan="3">交货地点</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderBy46" name="orderBy46">
            </nz-form-control>

            <nz-form-label nzSpan="3">送货人</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderBy47" name="orderBy47">
            </nz-form-control>

            <nz-form-label nzSpan="3">送货人联系方式</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderBy52" name="orderBy52">
            </nz-form-control>

          </nz-form-item>
        </form>
      </nz-card>

      <nz-card nzTitle="申请信息 " *ngIf="tabIndex === 6">
        <form nz-form>
          <nz-form-item>

            <nz-form-label nzSpan="2" nzRequired>车身颜色</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required="required" readonly="readonly" [(ngModel)]="product.orderBy37" name="orderBy37">
            </nz-form-control>

            <nz-form-label nzSpan="2" nzRequired>合计金额</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required="required" readonly="readonly" [(ngModel)]="product.orderBy32" name="orderBy32">
            </nz-form-control>

            <nz-form-label nzSpan="2" nzRequired>首付</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required readonly="readonly" [(ngModel)]="product.orderBy33" name="orderBy33">
            </nz-form-control>

            <nz-form-label nzSpan="2" nzRequired>贷款</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required readonly="readonly" [(ngModel)]="product.orderBy34" name="orderBy34">
            </nz-form-control>

            <nz-form-label nzSpan="2">月供</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required readonly="readonly" [(ngModel)]="product.orderBy18" name="orderBy18">
            </nz-form-control>

            <nz-form-label nzSpan="2">产品类型</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required readonly="readonly" [(ngModel)]="product.orderBy35" name="orderBy35">
            </nz-form-control>

          </nz-form-item>
        </form>
      </nz-card>

      <nz-card nzTitle="驾驶证信息" *ngIf="tabIndex === 1">
        <form nz-form>
          <nz-form-item>


            <!-- <nz-form-label nzSpan="3" nzRequired>注册/发证日期</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dyptype" name="dyptype"> -->

            <!--<nz-select style=""  [(ngModel)]="product.dyptype" name="dyptype" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="dyptype.text" [nzValue]="dyptype.value" *ngFor="let dyptype of dyptypes"></nz-option>-->
            <!--</nz-select>-->
            <!-- </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>品牌/车型</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypname" name="dypname">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>车牌号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypvalue" name="dypvalue">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>所有人</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypyear" name="dypyear">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>使用性质</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypclass" name="dypclass"> -->

            <!--<nz-select required="required" [(ngModel)]="product.dypclass" name="dypclass" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="dypclass.text" [nzValue]="dypclass.value" *ngFor="let dypclass of dypclasss"></nz-option>-->
            <!--</nz-select>-->
            <!-- </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypremark1" name="dypremark1">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>车架号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">

          </nz-form-control>
          <nz-form-label nzSpan="3" nzRequired>发动机号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input  nz-input required="required" [(ngModel)]="product.dypremark3" name="dypremark3">

          </nz-form-control> -->
            <nz-form-label nzSpan="3" nzRequired>注册/发证日期</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required="required" [(ngModel)]="product.dypyear1" name="dypyear1">

            </nz-form-control>



            <nz-form-label nzSpan="3" nzRequired>所有人</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required="required" [(ngModel)]="product.dyptype1" name="dyptype1">

            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>使用性质</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required="required" [(ngModel)]="product.dypclass1" name="dypclass1">

            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.dypremark11" name="dypremark11">

            </nz-form-control>
          </nz-form-item>
        </form>
      </nz-card>

      <nz-card nzTitle="担保人信息" *ngIf="tabIndex === 2">
        <form nz-form>
          <nz-form-item>


            <!-- <nz-form-label nzSpan="3" nzRequired>与贷款人关系</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style=""  [(ngModel)]="product.emergencyRelation" name="emergencyRelation" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="reltype.text" [nzValue]="reltype.value" *ngFor="let reltype of relTypes"></nz-option>
            </nz-select>
          </nz-form-control> -->

            <nz-form-label nzSpan="3" nzRequired>担保人姓名</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyContact" name="emergencyContact">

            </nz-form-control>

            <!-- <nz-form-label nzSpan="3" nzRequired>身份证</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.emergencyOffice" name="emergencyOffice">

          </nz-form-control> -->

            <nz-form-label nzSpan="3" nzRequired>担保人电话</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyMobile" name="emergencyMobile">

            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>紧急联系人姓名</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required="required" [(ngModel)]="product.emergencyContact1"
                name="emergencyContact1">

            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>紧急联系人电话</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required="required" [(ngModel)]="product.emergencyMobile1"
                name="emergencyMobile1">

            </nz-form-control>


            <!-- <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.emergencyResAddr" name="emergencyResAddr">

          </nz-form-control> -->

            <!--<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>-->
            <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">-->

            <!--</nz-form-control>-->

          </nz-form-item>
        </form>
      </nz-card>


      <nz-card nzTitle="文件信息 " *ngIf="tabIndex === 3">

        <form nz-form>
          <nz-card nzTitle="身份证">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr1" [nzData]="avatarParam1" nzListType="picture-card"
                [(nzFileList)]="fileList1" [nzShowButton]="fileList1.length < 300" (nzChange)="upLoadChange1($event)"
                [nzPreview]="handlePreview1">

                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible1" [nzContent]="modalContent1" [nzFooter]="null"
                (nzOnCancel)="previewVisible1=false">
                <ng-template #modalContent1>
                  <img [src]="previewImage1" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>
          <!-- <nz-card nzTitle="银行流水">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr6" [nzData]="avatarParam6" nzListType="picture-card"
                [(nzFileList)]="fileList2" [nzShowButton]="fileList2.length < 300" (nzChange)="upLoadChange2($event)"
                [nzPreview]="handlePreview2">

                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible2" [nzContent]="modalContent2" [nzFooter]="null"
                (nzOnCancel)="previewVisible2=false">
                <ng-template #modalContent2>
                  <img [src]="previewImage2" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>
          <nz-card nzTitle="征信报告">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr7" [nzData]="avatarParam7" nzListType="picture-card"
                [(nzFileList)]="fileList3" [nzShowButton]="fileList3.length < 300" (nzChange)="upLoadChange3($event)"
                [nzPreview]="handlePreview3">

                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible3" [nzContent]="modalContent3" [nzFooter]="null"
                (nzOnCancel)="previewVisible3=false">
                <ng-template #modalContent3>
                  <img [src]="previewImage3" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>
          <nz-card nzTitle="问询表">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr8" [nzData]="avatarParam8" nzListType="picture-card"
                [(nzFileList)]="fileList4" [nzShowButton]="fileList4.length < 300" (nzChange)="upLoadChange4($event)"
                [nzPreview]="handlePreview4">

                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible4" [nzContent]="modalContent4" [nzFooter]="null"
                (nzOnCancel)="previewVisible4=false">
                <ng-template #modalContent4>
                  <img [src]="previewImage4" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card> -->
          <nz-card nzTitle="驾驶证及行驶证">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr9" [nzData]="avatarParam9" nzListType="picture-card"
                [(nzFileList)]="fileList5" [nzShowButton]="fileList5.length < 300" (nzChange)="upLoadChange5($event)"
                [nzPreview]="handlePreview5">

                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible5" [nzContent]="modalContent5" [nzFooter]="null"
                (nzOnCancel)="previewVisible5=false">
                <ng-template #modalContent5>
                  <img [src]="previewImage5" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>
          <nz-card nzTitle="登记证">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr10" [nzData]="avatarParam10" nzListType="picture-card"
                [(nzFileList)]="fileList6" [nzShowButton]="fileList6.length < 300" (nzChange)="upLoadChange6($event)"
                [nzPreview]="handlePreview6">

                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible6" [nzContent]="modalContent6" [nzFooter]="null"
                (nzOnCancel)="previewVisible6=false">
                <ng-template #modalContent6>
                  <img [src]="previewImage6" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>
          <nz-card nzTitle="交强险">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr11" [nzData]="avatarParam11" nzListType="picture-card"
                [(nzFileList)]="fileList7" [nzShowButton]="fileList7.length < 300" (nzChange)="upLoadChange7($event)"
                [nzPreview]="handlePreview7">

                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible7" [nzContent]="modalContent7" [nzFooter]="null"
                (nzOnCancel)="previewVisible7=false">
                <ng-template #modalContent7>
                  <img [src]="previewImage7" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>

          <nz-card nzTitle="商业险">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr12" [nzData]="avatarParam12" nzListType="picture-card"
                [(nzFileList)]="fileList8" [nzShowButton]="fileList8.length < 300" (nzChange)="upLoadChange8($event)"
                [nzPreview]="handlePreview8">

                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible8" [nzContent]="modalContent8" [nzFooter]="null"
                (nzOnCancel)="previewVisible8=false">
                <ng-template #modalContent8>
                  <img [src]="previewImage8" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>
          <nz-card nzTitle="意外险">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr13" [nzData]="avatarParam13" nzListType="picture-card"
                [(nzFileList)]="fileList9" [nzShowButton]="fileList9.length < 300" (nzChange)="upLoadChange9($event)"
                [nzPreview]="handlePreview9">

                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible9" [nzContent]="modalContent9" [nzFooter]="null"
                (nzOnCancel)="previewVisible9=false">
                <ng-template #modalContent9>
                  <img [src]="previewImage9" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>
          <nz-card nzTitle="还款计划书">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr14" [nzData]="avatarParam14" nzListType="picture-card"
                [(nzFileList)]="fileList10" [nzShowButton]="fileList10.length < 300" (nzChange)="upLoadChange10($event)"
                [nzPreview]="handlePreview10">
                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible10" [nzContent]="modalContent10" [nzFooter]="null"
                (nzOnCancel)="previewVisible10=false">
                <ng-template #modalContent10>
                  <img [src]="previewImage10" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>
          <nz-card nzTitle="申请书">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr15" [nzData]="avatarParam15" nzListType="picture-card"
                [(nzFileList)]="fileList11" [nzShowButton]="fileList11.length < 300" (nzChange)="upLoadChange11($event)"
                [nzPreview]="handlePreview11">
                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible11" [nzContent]="modalContent11" [nzFooter]="null"
                (nzOnCancel)="previewVisible11=false">
                <ng-template #modalContent11>
                  <img [src]="previewImage11" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>
          <nz-card nzTitle="融资租赁合同">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr16" [nzData]="avatarParam16" nzListType="picture-card"
                [(nzFileList)]="fileList12" [nzShowButton]="fileList12.length < 300" (nzChange)="upLoadChange12($event)"
                [nzPreview]="handlePreview12">
                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible12" [nzContent]="modalContent12" [nzFooter]="null"
                (nzOnCancel)="previewVisible12=false">
                <ng-template #modalContent12>
                  <img [src]="previewImage12" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>
          <nz-card nzTitle="抵押合同">
            <div class="clearfix">
              <nz-upload [nzMultiple]="true" [nzAction]="uploadUr17" [nzData]="avatarParam17" nzListType="picture-card"
                [(nzFileList)]="fileList13" [nzShowButton]="fileList13.length < 300" (nzChange)="upLoadChange13($event)"
                [nzPreview]="handlePreview13">
                <i nz-icon type="plus"
                  style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
                <div style="margin-top: 0px; color: #666;"> </div>
              </nz-upload>
              <nz-modal [nzVisible]="previewVisible13" [nzContent]="modalContent13" [nzFooter]="null"
                (nzOnCancel)="previewVisible13=false">
                <ng-template #modalContent13>
                  <img [src]="previewImage13" [ngStyle]="{ 'width': '100%' }" />
                </ng-template>
              </nz-modal>
            </div>
          </nz-card>
        </form>
      </nz-card>
    </nz-card>
    <nz-card nzTitle="订单日志 " *ngIf="tabIndex === 4">

      <simple-table #st [columns]="columns" [data]="logurl" [ps]="ps" [extraParams]="q"
        [resReName]="{ total: 'total', list: 'data'}" [reqReName]="{pi:'pageNumber', ps: 'pageSize'}" toTopInChange
        [showTotal]="true" [showSizeChanger]="false" [showPagination]="false">

      </simple-table>



    </nz-card>

    <!-- <nz-card nzTitle="紧急联系人 " *ngIf="tabIndex === 5"> -->


    <!--<nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">-->
    <!--<input nz-input required [(ngModel)]="product.spcomment" name="spcomment">-->
    <!--<textarea class="textarea"  ng-model="product.spcomment">-->
    <!--</textarea>-->
    <!--</nz-form-control>-->
    <!-- <nz-card nzTitle="紧急联系人 "  >

        <simple-table #strm
                      [columns]="columnsemen"
                      [data]="emenurl"
                      [ps]="ps"
                      [extraParams]="q"
                      [resReName]="{ total: 'total', list: 'data'}"
                      [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                      toTopInChange
                      [showTotal]="true"
                      [showSizeChanger]="false"
                      [scroll]="{  x: '1300px' }"

                      [showPagination]="false">

        </simple-table>

    </nz-card>
    </nz-card> -->
    <!--<nz-card nzTitle="审批意见 " *ngIf="tabIndex === 5">-->


    <!--&lt;!&ndash;<nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">&ndash;&gt;-->
    <!--&lt;!&ndash;<input nz-input required [(ngModel)]="product.spcomment" name="spcomment">&ndash;&gt;-->
    <!--<textarea class="textarea"  ng-model="product.spcomment">-->
    <!--</textarea>-->
    <!--&lt;!&ndash;</nz-form-control>&ndash;&gt;-->

    <!--</nz-card>-->

    <!--<nz-card nzTitle="面签流程 " >-->
    <!--<p>1、请报您的身份证号码：</p>-->
    <!--<p>2、请报您的目前常住地址：</p>-->
    <!--<p>3、请报您的手机号码：</p>-->
    <!--<p>4、请报您的工作单位和地址</p>-->
    <!--<p>5、请问您的婚烟状况为?(未婚/已婚/离异)</p>-->
    <!--<p>6、请问您联系人姓名、电话以及和您的关系</p>-->

    <!--</nz-card>-->
    <!--</nz-col>-->
    <!--<nz-col [nzSpan]="9">-->
    <!--<iframe src="https://www.zhaodui.com.cn/spmq/"  width="460px"  height="700px"></iframe>-->
  </nz-col>
</nz-row>

<footer-toolbar errorCollect>

  <!--<nz-form-label nzSpan="3" style="margin-top: 8px">审批意见</nz-form-label>-->
  <!--<nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">-->
  <!--<input nz-input required [(ngModel)]="product.spcomment" name="spcomment">-->
  <!--</nz-form-control>-->
  <!--<button nz-button type="primary" nzType="primary" (click)="savest('Y')">分配</button>-->
  <!--<button nz-button type="primary" nzType="primary" (click)="savest('N')">不通过</button>-->
  <!--<button nz-button type="primary" nzType="primary" (click)="savest('R')">拒绝</button>-->


</footer-toolbar>
